<template>
	<div class="mapBox absolute bottom-4 px-3">
		<div class="mapBox-top flex items-center justify-around">
			<div class="flex items-center">
				<img src="/@/assets/iconImg/icon_x_2.png" alt="" srcset="" />
				<span class="ml-1 text-[#1890FF]">轨迹点</span>
			</div>
			<div class="flex items-center">
				<img src="/@/assets/iconImg/icon_x_1.png" alt="" srcset="" />
				<span class="ml-1 text-[#1890FF]">停靠点</span>
			</div>
		</div>
		<div class="mapBox-bottom mt-2"></div>
	</div>
</template>
<script setup lang="ts" name="mapTabs"></script>
<style lang="scss" scoped>
.mapBox {
	left: 80%;
	.mapBox-top {
		width: 220px;
		height: 48px;
		background: #ffffff;
		border-radius: 10px;
	}
	.mapBox-bottom {
		width: 220px;
		height: 88px;
		background: #ffffff;
		border-radius: 10px;
	}
}
</style>
